<!doctype html>
<html lang="`">
<head>
    <script src="https://hm.baidu.com/hm.js?760519477a6dd9d6ef4ae6014436ab92"></script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
    <title>币世界网-官网-快讯首页-快人一步，尽览币圈事。</title>
    <meta name="keywords" content="比特币价格动态新闻,比特币快讯">
    <meta name="description" content="币世界是专业的行业动态快讯，快人一步，尽览币圈事。">
    <link rel="stylesheet" href="/css/jquery-labelauty.css">
    <link href="/css/reset.css?v=0106" rel="stylesheet" type="text/css">
    <link href="/css/public.css?v=0106" rel="stylesheet" type="text/css">
    <script src="https://hm.baidu.com/hm.js?760519477a6dd9d6ef4ae6014436ab92"></script>
    <script src="/js/jquery-1.8.3.min.js"></script>
    <script src="/js/jquery.mobile-1.4.5.min.js"></script>
    <link href="/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
    <style type="text/css">
        p {
            -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
            -webkit-user-select:none; /*webkit浏览器*/
            -khtml-user-select:none; /*早期浏览器*/
            -moz-user-select:none;/*火狐*/
            -ms-user-select:none; /*IE10*/
            user-select:none;
        }
    </style>
</head>
<body class="ui-mobile-viewport ui-overlay-a">
<div data-role="page" class="ui-page ui-page-theme-a ui-page-active" style="">
    <header>
        <h1 class="logo" title="币世界-比特币等数字货币交易所投资理财市场行情第一站">
            <a href="" class="ui-link"></a>
        </h1>
        <ul class="top_nav">
            <li><a href="javascript:void(0) " id="kuaixun_link" class="this ui-link" title="币世界快讯">快讯</a></li>
            {{--<li><a href="" rel="external" title="币世界导航" class="ui-link">导航</a></li>--}}
            {{--<li><a href="" rel="external" title="投资入门" class="ui-link">投资入门</a></li>--}}
        </ul>
    </header>
    <div class="daynews" id="dateTip" style="display: none; position: fixed; top: 0px; width: 100%; z-index: 100;">
        <h2 style="margin-bottom:0;">
            今天·{{$time}}·星期{{$weeks}} </h2>
        <div style="line-height:2.6em;font-size:14px;text-align:center;background-color:#fdf0df"></div>
    </div>

    <div id="kuaixun_list">
        <div class="daynews dateitem">
            <h2>
                今天·{{$time}}·星期{{$weeks}}
            </h2>
            @foreach($data as $k=>$v)
            <article>
                <h3 ><em></em>{{substr($v['created_at'],11)}}</h3>
                <section >
                    <p class="text_show" style="height: auto; color:{{$v['important'] == 0 ? "" : 'red'  }}">{{$v['content']}}</p>
                </section>
                <div class="sec_bottom_btn clearfix newsShare">
                    <a href="#" class="share_btn ui-link" data-news-id="{{$v['id']}}"  title="分享币世界数字货币快讯给好朋友">全文分享</a>
                </div>
                <input type="hidden" value="{{$v['thumb']}}" class="hiddenImages">
            </article>
            @endforeach
        </div>
    </div>
    <div style="height:30px; margin-bottom: 15px; background-color:white;"></div>
    <div id="overlay" style="display: none;"></div>
    <div id="qcode_tip" style="height: 70%; padding: 0px; display: none;z-index: 88888">
        <div class="pic_share1" style="width: 100%;height: 100%;">
            <img src="" style="display: block; margin: 0px auto; width: 0px; height: 0px;" alt="" id="articleImages">
        </div>
        <div class="closebtn" style="display: none; right: 0px;">
            <a href="javascript:hideTip();" class="ui-link">关闭</a>
        </div>
    </div>
    <div class="top_tips" style="display: none;">请长按图片，将本条快讯推荐给好友</div>

    <meta charset="UTF-8">
</div>
<script type="text/javascript">

    //全文分享
    $(".dateitem").on('click','.share_btn',function() {
        //获得点击图片的src的值
        var img = $(this).parent().siblings(".hiddenImages").val();
        $("#articleImages").attr("src",img);
        $("#overlay").css("display","block");
        $("#qcode_tip").css("display","block");
        $(".top_tips").css("display","block");
        $(".pic_share1 img").css( "height","100%").css("width","auto");
        $(".closebtn").css("display","block");
    })

    function hideTip() {
        $("#overlay").css("display","");
        $("#qcode_tip").css("display","none");
        $(".closebtn").css("display","none");
        $(".top_tips").css("display","none");
    }

    $(document).ready(function () {
        //时间悬停
        $(window).scroll(function () {
            if($(window).scrollTop() > ($('header').height()) ){
                $('#dateTip').css('display','block');
                if ($(window).scrollTop() + $(window).height() >= $(document).height() ){
                    //获得当前数据最后一条的id
                    var num =$(".share_btn").last().attr("data-news-id");
                    $.ajax({
                        type:"get",
                        url:"/index/getArticles/"+num,
                        dataType: 'json',
                        success:function(data){
                                var msg = data.msg;
                                if(!msg.length == 0){
                                    $.each(msg, function(k, v) {
                                        var color = v['important'] == 0 ? "" : "red";
                                        var html = '<article><h3><em></em>' + v['created_at'].substr(11) + '</h3><section ><p class="text_show" style="height: auto; color: ' + color +'"> '+ v['content'] + '</p> </section> <div class="sec_bottom_btn clearfix newsShare"> <a href="#" class="share_btn ui-link" data-news-id=" '+ v["id"]+ '"  title="分享币世界数字货币快讯给好朋友">全文分享</a> </div><input type="hidden" value="' + v['thumb']+ '" class="hiddenImages"> </article>';
                                        $(".dateitem").append(html);
                                    });
                                }else{
                                    $(".ui-loader h1").html("已无最新消息");
                                }
                        }
                    });
                }
            }else{
                $('#dateTip').css('display','none');
            }
        });
    });
</script>
</body>
</html>
